
	.w100 {
		width: 100%;
		overflow: hidden;
	}

	.h200 {
		height: 200rpx;
	}

	.p20 {
		padding: 20rpx;
		width: 100%;
		overflow: hidden;
	}

	.mb20 {
		margin-bottom: 20rpx;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.red_text {
		color: #f00;
	}
	
	.org_text {
		color: #ff7500;
	}
	

	.p10 {
		padding: 10rpx 0;
	}
	
	.ml30{
		margin-left: 30rpx;
	}

	.address_box {
		padding: 40rpx;
		background-color: #fff;
		border-radius: 10px;

		.c_icon {
			margin-top: 2rpx;
		}

		.mt18 {
			margin-top: 18rpx;
		}

		.address_content {
			float: left;
			font-size: 26rpx;
			padding: 0 20rpx;
			width: 450rpx;

			.detail {
				padding-top: 10rpx;
			}
		}
	}

	.goods_list {
		padding: 20rpx 40rpx;
		background-color: #fff;
		border-radius: 10px;

		image {
			width: 170rpx;
			height: 170rpx;
			border-radius: 5px;
			float: left;
		}

		.item {
			padding: 20rpx 0;
		}

		.item_msg {
			width: 450rpx;
			overflow: hidden;

			.title {
				font-size: 26rpx;
			}

			.props {
				font-size: 24rpx;
				color: #999;
				padding: 20rpx 0;
			}
		}
	}

	.order_box {
		padding: 30rpx 40rpx;
		background-color: #fff;
		border-radius: 10px;

		.order {
			font-size: 26rpx;

			.c_icon {
				font-size: 36rpx;
				color: #ccc;
			}
		}

		
		.f28 {
			font-size: 28rpx;
		}
		
		.f26 {
			font-size: 26rpx;
		}

		.fl_icon {
			margin-top: 2rpx;
			float: left;
			margin-right: 10rpx;
		}

		.remark {
			width: 100%;
			background-color: #f2f2f2;
			border-radius: 10px;
			font-size: 28rpx;
			box-sizing: border-box;
			height: 150rpx;
			padding: 20rpx;
		}
	}


	.b_price {
		float: left;

		.sub {
			font-size: 22rpx;
			font-weight: 400;
		}

		text {
			font-size: 28rpx;
			color: #f00;
			font-weight: 600;
		}

		.s_text {
			font-size: 28rpx;
			font-weight: inherit;
		}
	}


	.btm_fix {
		width: 100%;
		overflow: hidden;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 50;
		border-top: 1px solid #eee;
		padding-bottom: 10rpx;
		padding: 30rpx 50rpx;

		.b_price {
			margin-top: 10rpx;

			.sub {
				font-size: 24rpx;
				font-weight: inherit;
			}

			text {
				font-size: 38rpx;
			}

			.s_text {
				font-size: 28rpx;
				font-weight: inherit;
			}
		}

		.checkout_order {
			float: right;
			width: 300rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 100rpx;
			font-size: 32rpx;
			color: #fff;
			background: linear-gradient(to right, #f9211c, #ff6335);
		}
	}
	
	.numberControl {
		width: 150rpx;
		height: 50rpx;
		margin-top: 20rpx;
		.btn {
			width: 50rpx;
			height: 50rpx;
			float: left;
			padding: 0;
			border: none;
			text-align: center;
			color: #ccc;
			font-size: 50rpx;
			line-height: 20px;
			border-radius: 1px;
			border-radius: 1px;
			margin-top: 8rpx;
		}
	
		input {
			width: 50rpx;
			height: 50rpx;
			text-align: center;
			float: left;
			color: #f00;
			border-radius: 1px;
			font-weight: 400;
			border: none;
		}
	}
	
	
	.goods_operate {
		width: 100%;
		overflow: hidden;
		position: relative;
		.btn-item {
			padding: 0;
			float: right;
			width: 150rpx;
			font-size: 26rpx;
			line-height: 50rpx;
			background: none;
			color: #f00;
			border: 1px solid #f00;
			text-align: center;
			margin-left: 20rpx;
			margin: 20rpx 0 0 20rpx;
			border-radius: 20px;
		}
		.onBtn{
			background: linear-gradient(to right, #f9211c, #ff6335);
			color: #fff;
			border-color: #f9211c;
		}
		
	}
	
	// 页面顶部
	.header {
		display: flex;
		justify-content: space-between;
		background-color: #e8c269;
		height: 280rpx;
		padding: 56rpx 30rpx 0 30rpx;
	
		.order-status {
			display: flex;
			align-items: center;
			height: 128rpx;
	
			.status-icon {
				width: 128rpx;
				height: 128rpx;
	
				.image {
					display: block;
					width: 100%;
					height: 100%;
				}
			}
	
			.status-text {
				padding-left: 20rpx;
				color: #fff;
				font-size: 38rpx;
				font-weight: bold;
			}
		}
	}
	
	.detail_box{
		padding: 20rpx;
		margin-top: -80rpx;
		
		.fl{
			color:#666;
		}
		
	}
	
	.act-copy {
		margin-left: 20rpx;
		padding: 2rpx 20rpx;
		font-size: 22rpx;
		color: #666;
		border: 1rpx solid #c1c1c1;
		border-radius: 16rpx;
	}
	
	.logis-detail {
	  background-color: #fff;
		font-size: 28rpx;
	  .logis-item {
	    position: relative;
	    padding: 10px 0 10px 25px;
	    box-sizing: border-box;
	    border-left: 2px solid #ccc;
	
	    &.first {
	      border-left: 2px solid #f40;
	
	      &:after {
	        background: #f40;
	      }
	
	      .logis-item-content {
	        background: #ff6e39;
	        color: #fff;
	
	        &:after {
	          border-bottom-color: #ff6e39;
	        }
	      }
	    }
	
	    &:after {
	      content: ' ';
	      display: inline-block;
	      position: absolute;
	      left: -6px;
	      top: 30px;
	      width: 6px;
	      height: 6px;
	      border-radius: 10px;
	      background: #bdbdbd;
	      border: 2px solid #fff;
	    }
	
	    .logis-item-content {
	      position: relative;
	      background: #f9f9f9;
	      padding: 10rpx 20rpx;
	      box-sizing: border-box;
	      color: #666;
		  border-radius: 10px;
	      &:after {
	        content: '';
	        display: inline-block;
	        position: absolute;
	        left: -10px;
	        top: 18px;
	        border-left: 10px solid #fff;
	        border-bottom: 10px solid #f3f3f3;
	      }
	    }
	  }
	}
	
	
	
	.image-list {
		padding: 0 10rpx;
		overflow: hidden;
	
		.img {
			width: 160rpx;
			height: 160rpx;
			float: left;
			margin: 10rpx 20rpx 10rpx 0;
			position: relative;
		}
	
		.img image {
			width: 100%;
			height: 100%;
			padding: 5rpx;
			box-sizing: border-box;
			border-radius: 3px;
			border: 1px solid #ccc;
		}
	
		.upload-img-btn {
			width: 160rpx;
			height: 160rpx;
			line-height: 150rpx;
			border: 1px solid #ccc;
			float: left;
			margin: 10rpx 20rpx 10rpx 0;
			text-align: center;
			border-radius: 5px;
	
			.iconfont {
				font-size: 60rpx;
				color: #ccc;
			}
		}
	
		.delete-btn {
			position: absolute;
			top: -10rpx;
			right: -10rpx;
			z-index: 10;
			box-sizing: border-box;
			width: 45rpx;
			height: 45rpx;
			display: block;
			border-radius: 100%;
			text-align: center;
			background: #ccc;
			color: #fff;
			font-size: 30rpx;
		}
	}
	
	
	// 底部操作栏
	.footer-fixed {
		position: fixed;
		bottom: var(--window-bottom);
		left: 0;
		right: 0;
		z-index: 11;
		box-shadow: 0 -4rpx 40rpx 0 rgba(144, 52, 52, 0.1);
		background: #fff;
		padding: 30rpx;
		.btn-wrapper {
			height: 100%;
			display: flex;
			align-items: center;
		}
	
		.btn-item {
			flex: 1;
			font-size: 28rpx;
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
			color: #fff;
			border-radius: 50rpx;
			background: linear-gradient(to right, #f9211c, #ff6335);
		}
	
	
	}
	
	
	.cart_fix {
		width: 100%;
		overflow: hidden;
		height: 150rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9999;
		padding: 20rpx 50rpx;
		background-color: #fff;
		border-top: 1px solid #f3f3f3;
	
		.fl {
			float: left;
			padding-top: 20rpx;
		}
	
		.fr {
			float: right;
	
			.p_btn {
				width: 220rpx;
				height: 80rpx;
				background: #F00;
				font-size: 32rpx;
				line-height: 80rpx;
				color: #fff;
				border-radius: 50px;
			}
	
			.sub_btn {
				background: linear-gradient(90deg, rgb(254, 96, 53), rgb(239, 18, 36));
			}
		}
	
		.total_box {
			float: left;
			margin-left: 50rpx;
			padding-top: 18rpx;			
			.total_price {
				font-size: 30rpx;
				color: #f00;
				font-weight: 600;
			}
		}
	}